<template>
	<div class="box">
		<div class="consnos">

			<div class="top"> &nbsp;{{dataDetail.infomation}}</div>
			<div class="topcs">
				<div class="div">
					<u-icon name="clock" color="#cececf" size="20"></u-icon>
					{{dataDetail.info_time}}
				</div>
				<div class="div">
					<u-icon name="account-fill" color="#cececf" size="20"></u-icon>
					{{dataDetail.author}}
				</div>
				<div class="div">
					<u-icon name="map-fill" color="#cececf" size="20"></u-icon>
					999
				</div>
			</div>
			<div class="cons">
				<p class="p">{{dataDetail.details}}</p>
				<p class="p">{{dataDetail.details1}}</p>
			</div>
		</div>
		<div class="pb">
			评论列表(4)
		</div>
		<Evaluate></Evaluate>
		<Myinput></Myinput>
	</div>
</template>

<script>
	import Myinput from '@/components/myInput.vue'
	import Evaluate from '@/components/evaluate.vue'
	export default {
		onLoad(option) {
			const {
				data
			} = option
			// console.log(data)
			const res = JSON.parse(data)
			console.log(res, '我是res')
			this.dataDetail = res
		},
		data() {
			return {
				dataDetail: {}
			}
		},
		methods: {

		},
		components: {
			Myinput,
			Evaluate
		}
	}
</script>

<style lang="scss" scoped>
	.pb{
		width: 100%;
		background-color: #f7f7f7;
		padding: 10rpx 20rpx;
	}
	.consnos{
		padding: 20rpx;
	}
	.box {
		width: 100%;
		height: 100%;
		box-sizing: border-box;

		// padding: 20rpx;
		.top {
			width: 100%;
			height: 50rpx;
			display: flex;
			align-items: center;
			border-left: 10rpx solid #0079fe;
			font-weight: 700;
		}

		.topcs {
			display: flex;
			height: 100rpx;
			align-items: center;

			.div {
				margin-right: 20rpx;
				font-size: 25rpx;
				display: flex;
				justify-content: space-between;
			}
		}

		.cons {
			width: 100%;
			height: 100%;

			.p {
				margin-bottom: 40rpx;
				line-height: 80rpx;
			}
		}
	}
</style>